<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>ECharts</title>
  <!-- 引入刚刚下载的 ECharts 文件 -->
  <script src="/js/echarts.min.js"></script>
  <script src="/js/vue.js"></script>
  <script src="/js/axios.js"></script>
</head>
<body>
<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('main'));

  // 显示标题，图例和空的坐标轴
  myChart.setOption({
    title: {
      text: '异步数据加载示例'
    },
    tooltip: {},
    legend: {
      data: ['xxx']
    },
    xAxis: {
      data: []
    },
    yAxis: {},
    series: [
      {
        name: '数量',
        type: 'line',
        data: []
      }
    ]
  });


  // 异步加载数据
  axios.get('http://localhost:8081/user/loginStatis').done(function(data) {
    // 控制台打印数据
    console.log(data);
    console.log(data.data.days);

    // 填入数据
    myChart.setOption({
      xAxis: {
        data: data.data.days
      },
      series: [
        {
          // 根据名字对应到相应的系列
          name: '次数',
          data: data.data.counts
        }
      ]
    });
  });

</script>
</body>
</html>